export default defineComponent({
	name: "DeviceNumItem",
	props: { img: String, title: String, value: String },
	setup(props) {
		return () => (
			<div>
				<div className={"w-full h-full  p-2 relative text-white"}>
					<img src={props.img} alt={""} className={"w-full h-full"} />
					<div className={"absolute bottom-10 text-[14px] mx-auto left-0 right-0 w-fit"}>{props.title}</div>
					<div className={"absolute bottom-3 text-[20px] mx-auto left-0 right-0 w-fit"}>{props.value}</div>
				</div>
			</div>
		);
	}
});
